import React, { Component } from 'react'
import { Router, Route, Link, hashHistory,IndexRedirect } from 'react-router'
import IndexSmart from './containers'
import ComponentListSmart from './containers/componentList'
import WelcomeSmart from './containers/welcome'
import GettingStartedSmart from './containers/componentList/gettingStarted'
import ModalViewSmart from './containers/componentList/modal'
import ChartViewSmart from './containers/componentList/chart'

const Routes = () => (
	<Router history={hashHistory}>
		<Route path="/" component={IndexSmart}>
			<IndexRedirect to='welcome'/>
			<Route path='welcome' component={WelcomeSmart} />
			<Route path='componentList' component={ComponentListSmart} >
				<IndexRedirect to='gettingStarted'/>
				<Route path='gettingStarted' component={GettingStartedSmart}></Route>
				<Route path='modal' component={ModalViewSmart}></Route>
				<Route path='chart' component={ChartViewSmart}></Route>
			</Route>
		</Route>
	</Router>
)

export default Routes
